<template>
	<view class="page-login">
		<view class="login-title">
			登录界面
		</view>
		<view class="login-box">
			<view class="loing-from">
				<view class="loing-form-item">
					<input type="text" placeholder="用户名" />
				</view>
				<view class="loing-form-item">
					<input type="password"  placeholder="密码" />
				</view>
			</view>

			<view class="loing-button">
				<button>立即登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style >
	.login-title {
		font-size: 36px;
		font-weight: bold;

		color: #134975;
		text-align: center;
	}

	.loing-form-item {
		
		width: 240px;
		height: 36px;
		border-radius: 16px;
		line-height:36px;
		opacity: 1;
		background: #5486B5;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
		margin: 0 auto;
		margin-bottom:20px;
	}
.loing-form-item input{
		height: 36px;
		line-height: 36px;
		margin-left: 10px;
	}
	 button{
		width: 240px;
		border-radius: 16px;
		height: 36px;
		line-height:36px;
		background:#00ffff;
		color:#000f0f;
	}
</style>